<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Content-language" content="en" />
	<link rel="stylesheet" type="text/css" href="../css/style.css" />
	<script type ="text/javascript" src="../src/mootools.js"></script>
	<script type ="text/javascript" src="../src/NS/App.js"></script>
	<script type ="text/javascript" src="../src/NS/App/Popup.js"></script>
	<script type ="text/javascript" src="../src/NS/Notification.js"></script>
	<script type="text/javascript">
		window.addEvent('domready', function(){
			new NS.App.Popup();
		});
	</script>
</head>
<body>
	<div id="container">
		<div class="field input first">
			<label for="start">Workday start:</label>
			<input type="time" id="start" />
		</div>
		<div class="field input">
			<label for="end">Workday end:</label>
			<input type="time" id="end" />
		</div>
		<div class="field input">
			<label for="badge">Badge format:</label>
			<select id="badge">
				<option value="none">None</option>
				<option value="hours">Hours</option>
				<option value="brief">H:MM</option>
				<option value="minutes">Minutes</option>
			</select>
		</div>
		<div class="field checkbox">
			<input type="checkbox" id="notify" />
			<label for="notify" id="notify-label">Play bless chord <span id="chord">&#9835;</span></label>
		</div>
	</div>
</body>
</html>